<template>
	<view class="fillLogs_style">
		<view class="">
			<uni-section title="巡检记录" type="line">
				<uni-list>
					<uni-list-item title="巡查地点" rightText="是否存在弃置" />
					<uni-list-item
						title="(一)、河道管理范国内，是否存在弃置、堆放阻碍行 洪的物体和种植阻碍行洪的树本及高秆作物等现象， 是否存在修建固堤，阳水渠道、阳水道路等现象"
						rightText="是"
					/>
					<uni-list-item
						rightText="是"
						title="(二)、在堤防管理范国内，是否存在建房、放牧、开渠、打井、挖害、葬坟、晒粮、存放物料、开采地下资源、进行考古发掘以及开展集市贸易活动等现象"
					/>
					<uni-list-item
						rightText="是"
						title="(三)、在河道管理范国内，是否存在未经批准或者不 按国家规定的防洪标准、工程安全标准整治河道或者 现就水工程建筑物和其他设施的现象"
					/>
					<uni-list-item
						rightText="是"
						title="(四)、在河道管理苑国内、是否存在木经批准或者不按照河道主管机关的规定采砂、取土、淘金、弃置砂石或者淤泥、爆破、钻操、挖筑鱼塘等现象，是否存在河道涛地存放物料、修建厂房或其他建筑设施以及开采地下资源或者进行考古发掘等现象"
					/>
					<uni-list-item rightText="是" title="(六)、在河道管理范围内，是否存在垃圾、漂浮物等 现象" />
					<uni-list-item rightText="是" title="(七)、在河道管理范田内，是否存在其他违法水法规的涉河现象" />
					<uni-list-item
						rightText="是"
						title="(二)、在堤防管理范国内，是否存在建房、放牧、开渠、打井、挖害、葬坟、晒粮、存放物料、开采地下资源、进行考古发掘以及开展集市贸易活动等现象"
					/>
					<uni-list-item title="发现的问题" rightText="垮掉" />
					<uni-list-item title="采取的措施" rightText="是否存在弃置" />
					<uni-section title="现场照片" type="line">
						<view class="example-body">
							<uni-file-picker limit="9" title="" mode="grid" @select="select" @progress="progress" @success="success" @fail="fail"></uni-file-picker>
						</view>
					</uni-section>
					<uni-list-item title="巡检地点" rightText="长沙" />
					<uni-list-item title="巡检时间" rightText="2022-2-36" />
				</uni-list>
			</uni-section>
			<uni-list-item rightText="采地下资源" title="采地下资源、进行考古发掘以及开展集市贸易活动等现象" />
		</view>

		<u-popup :show="disposalShow" mode="bottom" @close="disposalClose" @open="disposalOpen">
			<view class="disposal_style">
				<view class="disposal_text">整改处置</view>
				<uni-section title="上传附件" type="line">
					<view class="example-body">
						<uni-file-picker limit="9" title="" mode="grid" @select="select" @progress="progress" @success="success" @fail="fail"></uni-file-picker>
					</view>
				</uni-section>

				<view class="">
					<uni-section title="处理结果" type="line">
						<!-- <uni-easyinput type="textarea" autoHeight v-model="value" placeholder="请输入内容"></uni-easyinput> -->
					</uni-section>
				</view>
				<view class="popup_style">
					<button class="popup_buttom" @click="disposalShow = false" type="submit">提交整改</button>
					<button style="background-color: aliceblue; color: black;" class="popup_buttom" @click="disposalShow = false" type="submit">关闭</button>
				</view>
			</view>
		</u-popup>

		<!-- 	<view class="rectification">
			<uni-section title="移交整改" type="line"></uni-section>
			<custom-tree-select :listData="listData" v-model="formData.selectedArr" />
		</view> -->
		<view class="fillLogs_button">
			<button @click="disposalShow = true" type="submit">河道整改</button>
		</view>
	</view>
</template>

<script>
export default {
	data() {
		return {
			disposalShow: false,
			Inspection: '', //巡检地点
			formData: {
				selectedArr: []
			},
			listData: [
				{
					id: 1,
					name: '城市1',
					children: [
						{
							id: 3,
							name: '街道1',
							children: [
								{
									id: 4,
									name: '小区1'
								}
							]
						}
					]
				},
				{
					id: 2,
					name: '城市2',
					children: [
						{
							id: 6,
							name: '街道2'
						}
					]
				}
			]
		};
	},
	onLoad() {},
	methods: {
		// 获取上传状态
		select(e) {
			console.log('选择文件：', e);
		},
		// 获取上传进度
		progress(e) {
			console.log('上传进度：', e);
		},

		// 上传成功
		success(e) {
			console.log('上传成功');
		},

		// 上传失败
		fail(e) {
			console.log('上传失败：', e);
		},
		disposalOpen() {
			// console.log('open');
		},
		disposalClose() {
			this.show = false;
			// console.log('close');
		},
	}
};
</script>

<style lang="scss">
/deep/ .uni-textarea-placeholder {
	color: #2e87ff;
	margin: 12rpx 0 0 12rpx;
}
/deep/ .u-popup__content {
	border-radius: 30rpx 30rpx 0 0;
}
/deep/ .uni-list-item__extra-text {
	color: #2e87ff;
}
/deep/ .uni-textarea-textarea {
	background: rgba(240, 242, 245, 0.5);
	border-radius: 20rpx;
}
/deep/ .uni-section .uni-section-header[data-v-5584ec96] {
	padding: 24rpx 20rpx 0 20rpx !important;
}

/deep/ .file-picker__box-content {
	border-radius: 30rpx !important;
	width: 200rpx;
	height: 200rpx;
}

/deep/ .uni-file-picker__container {
	padding: 10rpx;
}

/deep/ .uni-easyinput__content {
	border: none;
}

.insContent {
	margin-top: 10rpx;
}

.rectification {
	padding-bottom: 100rpx;
}

.fillLogs_button {
	position: fixed;
	bottom: 0;
	left: 0;
	width: 100vw;
	height: 100rpx;
	background-color: rgba(255, 255, 255, 0.5);
}
.fillLogs_button button {
	width: 50%;
	background-color: #2e87ff;
	color: #fff;
	border-radius: 20rpx;
}

.fillLogs_button button:hover {
	background-color: #2e87ff;
	box-shadow: 0px 0px 20px -18px;
}

.fillLogs_button button:active {
	transform: scale(0.95);
}

.disposal_style {
	.disposal_text {
		text-align: center;
		font-size: 28rpx;
		font-weight: 700;
		padding: 22rpx 0;
	}
}

.popup_style {
	padding: 30rpx;
	display: flex;
	flex-direction: row;
	.popup_buttom {
		background-color: #2e87ff;
		color: #fff;
		width: 40%;
		height: 66rpx;
		font-size: 28rpx;
		line-height: 66rpx;
	}
}

.popup_buttom {
	background-color: #2e87ff;
	color: #fff;
	width: 40%;
	margin: 10rpx aout;
}
</style>
